<!DOCTYPE html>
<html>
<head>
	<title>缩放</title>
</head>
<style type="text/css">
	.box {
		resize: both;
		overflow: auto;
		background: red;
	}
	.box2 {
		width: 100px;
		height: 100px;
		background: green; 
	}
	.box3 {
		width: 100px;
		height: 100px;
		background: yellow; 
	}
	.main {
		display: flex;
		align-items: center;
	} 
</style>
<body>
	<div class="main">
		<div class="box">123</div>
		<div class="box2">456</div>		
	</div>
	<div class="main">
		<div class="box3">789</div>
		<div class="box">456</div>		
	</div>
</body>
</html>